body {
  background-color: #ff0000;
  
  font-size: 1.2em;
  font-family: Verdana;
  color: #ffffff;
}

section {
  margin: 3% 10%;

  border: 8px white solid;
  border-radius: 0px;

  padding: 18px;
}


/* a collection of images (gallery) with automatic resizing and highlighting. */
.gallery-reel {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  
  align-items: center;
  justify-content: center;

  padding: 60px min(4%, 20px);
  gap: 256px;
}
.gallery-reel img {
  min-width: 256px;
  width:55%;
  padding: 8px;
  background-image: none;
}
.gallery-reel img:hover {
  background-image: linear-gradient(to bottom, #ff000000, #ea3a4c88, #ffffff);
}

.gallery-reel p {
  max-width: 320px;
}

#back-hover{background-image: url("../../i/back-shrine.png");}


/* mobile phone compatibility...*/
@media (width <= 725px) {
    body {background-size: 335px;}
    section {border: 6px white solid; }
    .gallery-reel {gap: 128px;}
}